.industry_secetion {
  padding-top: 110px;
  padding-bottom: 110px;
  height: 760px;
  box-sizing: border-box;
  background: url('/wp-content/themes/do1/assets/images/3.0/industry-bg.png') #01123C no-repeat bottom center;
	background-size: 100%;
}
.industry_secetion_main {
  display:flex;
}
.industry_secetion_title {
  padding-top: 100px;
  padding-bottom: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 44px;
}
.industry_secetion_tabs {
  position: relative;
  display:flex;
  flex-direction: column;
  width: 270px;
  flex-shrink: 0;
  padding-top: 38px;
  padding-bottom: 38px;
}
.industry_secetion_tabs::after {
  position: absolute;
  content:'';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(4,11,42,0) 0%, #01226D 50%, rgba(4,12,46,0) 100%, #F9F9F9 100%, rgba(74,86,114,0) 100%);
  border-radius: 16px;
  opacity: 0.34;
}
.industry_secetion_tabs_item {
  position: relative;
  z-index: 2;
  display: block;
  height: 85px;
  line-height: 85px;
  text-align: center;
  font-size: 24px;
  color: #FFFFFF;
  cursor: pointer;
}
.industry_secetion_tabs_item.is_active {
  /* background:rgba(255,255,255,.18);
  border: 1px solid;
  border-image: linear-gradient(180deg, rgba(32.00000189244747, 38.0000015348196, 53.00000064074993, 1), rgba(52.079758420586586, 116.06015145778656, 255, 1), rgba(43.242314234375954, 227.19227135181427, 255, 1)) 1 1;  
  border-radius: 16px;
  clip-path: inset(0 round 16px);   */
  background: url('/wp-content/themes/do1/assets/images/3.0/selected-box.png') #01123C no-repeat;
	background-size: 100%;
}

.industry_secetion_tabContent {
  flex: 1;
  padding-left:100px;
}
.industry_secetion_tabContent ul {
  display: flex;
  overflow: hidden;
}
.industry_secetion_tabContent li {
  width:100%;
  flex-shrink: 0;
}
.industry_secetion_tabContent_title {
  padding-top: 40px;
  padding-bottom: 16px;
  font-size: 40px;
  color: #FFFFFF;
}
.industry_secetion_tabContent_text {
  font-size: 14px;
  color: rgba(255,255,255,.6);
  line-height:2;
}
.industry_secetion_tabContent h3 {
  padding-top:16px;
  color: #FFFFFF;
  font-size: 18px;
}

.blue_btn {
  display: inline-block;
  width: 112px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: linear-gradient(250deg, #00ADFF 0%, #0075FF 100%);
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 16px;
  cursor: pointer;
}
.blue_btn:hover {
  opacity:.8;
}
.industry_secetion_tabContent .blue_btn {
  margin-top:32px;
  margin-bottom:32px;
}

.industry_secetion_clientList {
  diplay:flex;
  flex-wrap: wrap;
  padding-top:8px;
}
.industry_secetion_tabContent .industry_secetion_clientList_item {
  width: 200px;
  flex-shrink: 0;
  height: 62px;
  margin-right: 24px;
  margin-bottom: 24px;
  background: #FFFFFF;
  box-shadow: 0px 5px 32px 0px rgba(111,115,133,0.08);
  border-radius: 9px 9px 9px 9px;
  opacity: 1;
  border: 1px solid rgba(237,238,242,0.6);
}
.industry_secetion_clientList_item>a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 9px;
}
.industry_secetion_clientList_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 9px;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity ease-out .5s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}